page {
  padding: 20px;
  color: var(--themeColor);
}
.teamInfo_wrap {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid grey;
}
.teamInfo_wrap .teamInfoIcon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.teamInfo_wrap .teamInfoIcon .teamName {
  font-size: 60rpx;
}
.teamInfo_wrap .teamInfoIcon .team_icon {
  background-color: #00C9A7;
  width: 200rpx;
  height: 200rpx;
  font-size: 200rpx;
  margin: 10rpx 0 30rpx 0;
}
.teamInfo_wrap .teamInfo {
  padding: 20px;
  font-size: 36rpx;
  margin-top: 20pxl;
}
.teamInfo_wrap .teamInfo .teamId {
  margin: 40rpx 0;
}
.teamInfo_wrap .teamInfo .teambrief {
  padding: 20rpx;
  border: 1px solid;
}
.teamInfo_wrap .teamInfo .Text {
  font-weight: bold;
}
.TeamAdmin {
  margin: 20rpx 0;
  border-bottom: 1px solid var(--themeColor);
}
.TeamAdmin .TeamAdminText {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.TeamAdmin .TeamAdminText .teamAdminName {
  font-size: 40rpx;
  margin: 20rpx 0;
}
.TeamAdmin .TeamAdminText .teamAdminCount {
  font-size: 28rpx;
}
.TeamMember {
  margin: 40rpx 0;
  border-bottom: 1px solid var(--themeColor);
}
.TeamMember .TeamMemberText {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10rpx 0;
}
.TeamMember .TeamMemberText .teamMemberName {
  font-size: 40rpx;
  margin: 20rpx 0;
}
.TeamMember .TeamMemberText .teamMemberCount {
  font-size: 28rpx;
}
.TeamAdminList,
.TeamMemberList {
  width: 100%;
  height: auto;
  border: 1px solid;
  margin: 20rpx auto;
}
.TeamAdminList .table,
.TeamMemberList .table {
  border-radius: 5%;
  font-size: 32rpx;
  height: 100%;
}
.TeamAdminList .table .tr,
.TeamMemberList .table .tr {
  display: flex;
  width: 100%;
  justify-content: center;
  height: 2rem;
  align-items: center;
}
.TeamAdminList .table .tr .th,
.TeamMemberList .table .tr .th,
.TeamAdminList .table .tr .td,
.TeamMemberList .table .tr .td {
  width: 40%;
  justify-content: center;
  text-align: center;
  color: #4B31A1;
}
.TeamAdminList .table .tr .th,
.TeamMemberList .table .tr .th {
  color: #00C9A7;
  font-size: 32rpx;
  display: flex;
  height: 2rem;
  align-items: center;
  color: #7E7193;
  border-bottom: 1px solid var(--themeColor);
}
.inviteAdmin,
.inviteMember {
  margin-bottom: 44rpx;
  text-align: right;
}
.preservatebtn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85rpx;
  margin-top: 100rpx;
  background-color: #e17062;
  color: #fff;
  box-shadow: 0 0 3px #fff;
  border-radius: 60rpx;
  font-size: 40rpx;
}
